<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="favicon.ico" />
    <!--jquery库-->
    <script src="../js/jquery.min.js"></script>
    <!--bootstrap库-->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <script src="../js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
      <script src="js/bootstrap/html5shiv.min.js"></script>
      <script src="js/bootstrap/respond.min.js"></script>
    <![endif]-->
    <!--font-awesome字体库-->
    <link href="../css/font-awesome.min.css" rel="stylesheet" />
    <!--页面加载进度条-->
    <link href="../css/pace/dataurl.css" rel="stylesheet" />
    <script src="../js/pace/pace.min.js"></script>

    <!--jquery.hammer手势插件-->
    <script src="../js/jquery.hammer/hammer.min.js"></script>
    <script src="../js/jquery.hammer/jquery.hammer.js"></script>
    
    <!--平滑滚动到顶部库-->
    <script src="../js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
    
  
    <!--主要写的css代码-->
    <link href="../css/default.css" rel="stylesheet" type="text/css" />
    
    <!--主要写的js代码-->
    <script src="../js/default.js" type="text/javascript"></script>
</head>
<body>
	 <input type="hidden" id="hiddenicnum" name="icnum" value="${sessionScope.icnum }">
    	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle show pull-left"
					data-target="sidebar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="foodslist.jsp">首页</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="orderlist.jsp">订单管理</a></li>
					<li><span id="unreadNum" class="badge" style="background-color: red">0</span></li>
					<li><a href="foodslist.jsp">菜品管理</a></li>
					<li><a href="orderComment.jsp">订单评论</a></li>
					<li><a href="foodAd.jsp">菜品推荐</a></li>
					<li><a id="showStatus" >营业中...</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false"><i
							class="fa fa-user fa-fw"></i>&nbsp;${sessionScope.name }&nbsp;<span
							class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="orderlist.jsp">订单管理</a></li>
							<li class="divider"></li>
							<li><a href="foodslist.jsp">菜品管理</a></li>
							<li class="divider"></li>
							<li><a href="orderComment.jsp">订单评论</a></li>
							<li class="divider"></li>
							<li><a href="foodAd.jsp">菜品推荐</a></li>
							<li class="divider"></li>
							<li><a href="../login.jsp"><i
									class="fa fa-sign-out fa-fw"></i>&nbsp;退出登录</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
	</nav>
    
    <div class="container-fluid all">
        <div class="sidebar">
            <div>
                <div id="myMsg">
				<h3 align="center">我的信息</h3>
				
				<div>
					<h5 align="center" id="porName"></h5>
					<h5 align="center" id="porAddr"></h5>
				</div>
				<div>
					<img id="portrait" src=""
						style="height: 200px; width: 200px; margin-left: 10px;" />
				</div>
			    </div>
                <h3 align="center" >我的菜品推荐</h3>
            </div>
            
            <ul class="nav" style="margin-top:20px">
                <li class="has-sub">
                    <a href="javascript:void(0);"><span style="align-content: center">菜品推荐选项</span><i class="fa fa-caret-right fa-fw pull-right"></i></a>
                    <ul class="sub-menu">
                        <li><a href="javascript:void(0)" id="all" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;全部推荐</a></li>
                        <li><a href="javascript:void(0)" id="Unpassed" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;未通过推荐</a></li>
                        <li><a href="javascript:void(0)" id="Passed" class="check"><i class="fa fa-circle-o fa-fw"></i>&nbsp;已通过推荐</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    <table class="table table-hover" id="foodAdTable">
      <thead>
        <tr>
          <th>序号</th>
          <th>菜品名字</th>
          <th>菜品图片</th>
          <th>推荐时间</th>
          <th>通过时间</th>
          <th>状态</th>
        </tr>
      </thead>
     <tbody id="tobody">
     
     
      </tbody>

    </table>
        
</div>

<!-- 拉黑拉白模态框 -->
	<div class="modal fade" id="black" tabindex="-1" role="dialog" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<div style="color: red"><h1>您暂时没有操作权限</h1></div>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->


    <a href="#top" id="goTop"><i class="fa fa-angle-up fa-3x"></i></a>
    
<script type="text/javascript" src="../js/foodAd.js"></script>
   
</body>
</html>
